<div class="judul"><?php echo anchor($linkBack, $title);?></div>
<?php
  $flashdata = $this->session->flashdata('message');
  $messages = isset ($flashdata)?pesan($flashdata):"";
  echo "$messages";
?>
<script type="text/javascript">
    $(document).ready(function(){
        $('#adik_asuh').focus();
        $('input[type=submit]').click(function(){
            if($('#adik_asuh').val() == ""){
                alert('Nama adik asuh harus diisi');
                $('#adik_asuh').focus();
                return false;
            }
            if($('#id_adik_asuh').val() == ""){
                alert('Pilih nama adik asuh dengan benar');
                $('#id_adik_asuh').focus();
                return false;
            }
            if($('#tanggal').val() == ""){
                alert('Tanggal tidak boleh kosong');
                $('#tanggal').focus();
                return false;
            }
            var jumlahForm=$('.col_tr').length;
            var i=0;
            var isi=false;
            for(i=1;i<=jumlahForm;i++){
                if($('#jumlah'+i).val() != ''){
                    if($('#keterangan'+i).val() == ''){
                        alert('Keterangan penggunaan beasiswa harus diisi');
                        $('#keterangan'+i).focus();
                        return false;
                    }
                    isi = true;
                }
            }
            if(!isi){
                alert('Inputan penggunaan beasiswa masih kosong');
                return false;
            }
            var jumlah = 0;
            for(i=1;i<=jumlahForm;i++){
                jumlah = jumlah + currencyToNumber($('#jumlah'+i).val())*1;
            }
            if($('.sisa_saldo').val() < jumlah){
                alert('Sisa saldo tidak mencukupi untuk melakukan transaksi');
                return false;
            }
        })
    })
</script>
<script type="text/javascript">
$(document).ready(function(){   
  $('#adik_asuh').autocomplete("<?php echo site_url("ajax_target/searchAdikAsuh/");?>",
        {
            parse: function(data){
                var parsed = [];
                for (var i=0; i < data.length; i++) {
                    parsed[i] = {
                        data: data[i],
                        value: data[i].nama // nama field yang dicari
                    };
                }
                return parsed;
            },
            formatItem: function(data,i,max){
                var str='<div class=result>'+data.nama+'<br />Alamat: '+data.alamat+'<br />Sekolah: '+data.sekolah+'</div>';
                return str;
            },
            width: 270, // panjang tampilan pencarian autocomplete yang akan muncul di bawah textbox pencarian
            dataType: 'json' // tipe data yang diterima oleh library ini disetup sebagai JSON
        }).result(
            function(event,data,formated){
                $(this).val(data.nama);
                $('#id_adik_asuh').val(data.id);
                $('#alamat').html(data.alamat);
                $('#sekolah').html(data.sekolah);
                $('#id_sekolah').val(data.id_sekolah);
                $('#kelas').html(data.kelas);
                $('#id_kelas').val(data.id_kelas);
                $('#tahun_ajaran').html(data.tahun_ajaran+" "+data.semester);
                $('#id_tahun_ajaran').val(data.id_tahun_ajaran);
                $.ajax({
                   url: "<?php echo site_url('ajax_target/getSaldoAdikAsuh');?>"+"/"+data.id,
                   cache: false,
                   type: 'POST',
                   dataType: 'json',
                   success: function(msg){
                       if(msg.length > 0){
                           $('#sisa_saldo').html('Rp. '+numberToCurrency(msg[0].saldo)+',00');
                           $('.sisa_saldo').val(msg[0].saldo);
                       }
                   }
                })
        });
})  
</script>
<?php
  echo form_open($subLink);
?>
<div class="data-input">
    <fieldset>
        <legend><?php echo "$formTitle";?></legend>
        <label>Petugas</label><span style="font-size: 11px;padding-top: 7px;"><?php echo $this->session->userdata('nama');?></span>
        <label>Adik Asuh</label><?php echo form_input("adik_asuh","","id='adik_asuh'");?>
        <label>Alamat</label><span style="font-size: 11px;padding-top: 7px;" id="alamat"></span>
        <label>Sekolah</label><span style="font-size: 11px;padding-top: 7px;" id="sekolah"></span>
        <label>Kelas</label><span style="font-size: 11px;padding-top: 7px;" id="kelas"></span>
        <label>Tahun Ajaran</label><span style="font-size: 11px;padding-top: 7px;" id="tahun_ajaran"></span>
        <fieldset class="field-group">
            <label>Tanggal</label><?php echo form_input("tanggal",date('d/m/Y'),"id='tanggal' class='datepicker-input'");?>
        </fieldset>
        <label>Sisa Saldo</label>
        <span style="font-size: 11px;padding-top: 7px;" id="sisa_saldo"></span>
        <input type="hidden" class="sisa_saldo" />
        <input type="hidden" name="id_adik_asuh" id="id_adik_asuh"/>
        <input type="hidden" name="id_sekolah" id="id_sekolah"/>
        <input type="hidden" name="id_kelas" id="id_kelas"/>
        <input type="hidden" name="id_tahun_ajaran" id="id_tahun_ajaran"/>
    </fieldset>
</div>
<input type="button" value="Tambah Baris" id="tambahBaris" class="button" style="margin-bottom: 5px;" />
<div class="data-list">
<table class="table-input" id="tblBeasiswa" style="width: 50%;">
    <tr>
        <th>No</th>
        <th>Jumlah</th>
        <th>Keterangan</th>
        <th>Aksi</th>
    </tr>
    <?php
      for($i = 1;$i <= 2;$i++){
    ?>
    <tr class="col_tr <?= ($i % 2 == 0) ? 'even' : 'odd' ?>">
        <td align="center"><?php echo "$i";?></td>
        <td><?php echo form_input("jumlah[]", "", "id='jumlah$i' class='right' onkeyup='formatNumber(this)'");?></td>
        <td style='width:50%'><?php echo form_input("keterangan[]", "", "class='keterangan' id='keterangan$i' style='width:90%'");?></td>
        <td><input type="button" onClick="removeMe(<?php echo "$i";?>,this)" value="Hapus" /></td>
    </tr>
    <?
      }
    ?>
</table>
</div>    
<div class="field-group">
<?php
  echo form_submit("simpan", "Simpan", "class='button' style='margin-right:2px'");
  echo form_button('Batal', 'Batal', 'class=button onClick='."javascript:location.href='".base_url()."index.php/penggunaan_beasiswa'");
  echo form_close();
?>
</div>
<script type="text/javascript">
    counters = $('.col_tr').length+1;
    $(document).ready(function(){
        $('#tambahBaris').click(function(){
            var counter = counters++,
            number = $('.col_tr').length+1;
            var string = "<tr class='col_tr'>"+
                "<td align='center'>"+number+"</td>"+
                "<td><input type='text' name='jumlah[]' id='jumlah"+number+"' class='right' onkeyup='formatNumber(this)'/></td>"+
                "<td style='width:50%'><input type='text' name='keterangan[]' class='keterangan' id='keterangan"+number+"' style='width:90%'/></td>"+
                "<td><input type='button' onClick='removeMe("+number+",this)' value='Hapus' /></td></tr>";
            $('#tblBeasiswa').append(string);
            if(number % 2 == 1){
                $('.col_tr:eq('+(number-1)+')').addClass('odd');
            }else if(number % 2 == 0){
                $('.col_tr:eq('+(number-1)+')').addClass('even');
            }
        })
    })
    function removeMe(count,el){
    var parent = el.parentNode.parentNode;
    parent.parentNode.removeChild(parent);
    var col=$('.col_tr');
    var countCollectTr=col.length;
    for(var i=0;i<countCollectTr;i++){
        $('.col_tr:eq('+i+')').children('td:eq(0)').html(i+1);
        $('.col_tr:eq('+i+')').removeClass('even');
        $('.col_tr:eq('+i+')').removeClass('odd');
        if((i+1) % 2 == 1){
            $('.col_tr:eq('+i+')').addClass('even');
        }else{
            $('.col_tr:eq('+i+')').addClass('odd');
        }
        $('.col_tr:eq('+i+')').children('td:eq(1)').children('.right').attr('id', 'jumlah'+(i+1));
        $('.col_tr:eq('+i+')').children('td:eq(2)').children('.keterangan').attr('id', 'keterangan'+(i+1));
    }}
</script>